<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	 <div class="container"  id="content">
		 <section class="content-header">
			 <h1>
				 <i class="fa fa-file"></i>
				 <strong>产品分析</strong>
			 </h1>
			 <ol class="breadcrumb">
				 <li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				 <li>产品管理</li>
				 <li class="active">产品分析</li>
			 </ol>
		 </section>
		 <!-- Main content -->
		 <section class="content">
			 <div class="box box-info">
			 	 <div class="box-header with-border">
                     <i class="fa fa-th-list"></i>
                     <h4 class="box-title">产品分析</h4>
                 </div>
                 <div class="box-body">
                    <div class="form-inline">
                    <input  class="form-control" id="startDate" name="startDate"  th:value="${startDate}"  type="Date"/>
							<input class="form-control" id="endDate" name="endDate" th:value="${endDate}"  type="Date"/>
							<span class="form-control" style="margin-left:20px">合同号</span>
							<input class="form-control" type="text" id="supplierCode" name="supplierCode"/>
							<span class="form-control" style="margin-left:20px">订货单位</span>
							<input class="form-control" type="text" id="orderUnit" name="orderUnit"/>
							 <button  type="button" class="btn btn-info  search_btn">查询</button>
						<!-- <div class="btn-group pull-right">
						<input  class="form-control" id="startDate" name="startDate" th:value="${startDate}" type="hidden"/>
							<input class="form-control" id="endDate" name="endDate" th:value="${endDate}"  type="hidden"/>
							 	<button  type="button" class="btn btn-info   addBtn">添加</button>
								<button  type="button" class="btn btn-info   editBtn">编辑</button>
							    <button  type="button" class="btn btn-info  delBtn" >删除</button>
							    <button  type="button" class="btn btn-info  seeBtn">查看详情</button>
							    <button  type="button" class="btn btn-info  search_btn">查询</button>
						</div> -->
				 	</div>
                 </div>
				<div class="box box-body" style="width:100%; overflow-x:scroll;">
					<table id="dataTable2" class="mytable dataTable table-bordered text-center table-striped table-hover" cellspacing="0" width="1300px" align="center">
						<thead>
							
							<tr>
								<th width="20%">部门-片区
									<select id="orderArea" multiple="multiple" size="10" style="width:100%">
												  <optgroup label="销售处">
													<option th:each="SaleOrderArea:${SaleOrderAreas}" 
												    th:value="${SaleOrderArea.superiorArea}"
												  th:text="${SaleOrderArea.areaName}" th:selected="${SaleOrderArea.isSelected}"></option>
												</optgroup>
												<optgroup label="成套处">
													<option th:each="CompleteOrderArea:${CompleteOrderAreas}" 
												    th:value="${CompleteOrderArea.superiorArea}"
												  th:text="${CompleteOrderArea.areaName}" th:selected="${CompleteOrderArea.isSelected}"></option>
												</optgroup>
												<optgroup label="外贸处">
													<option th:each="ForeignOrderArea:${ForeignOrderAreas}" 
												    th:value="${ForeignOrderArea.superiorArea}"
												  th:text="${ForeignOrderArea.areaName}" th:selected="${ForeignOrderArea.isSelected}"></option>
												</optgroup> 
												<optgroup label="售后服务处">
													<option th:each="shOrderAreas:${shOrderAreas}" 
												    th:value="${shOrderAreas.superiorArea}"
												  th:text="${shOrderAreas.areaName}" th:selected="${shOrderAreas.isSelected}"></option>
												</optgroup> 
											</select>
								</th>
								<th width="20%">产品类型-产品细分类型
									<select multiple="multiple" class="form-control" id="industryInfo" name="industryInfo">
				              			<optgroup label="计量泵">
													<option th:each="jlb:${jlb}" 
												    th:value="${jlb.cSmallType}"
												  th:text="${jlb.cSmallType}" th:selected="${jlb.isSelected}"></option>
												</optgroup>
												 <optgroup label="往复泵">
													<option th:each="wfb:${wfb}" 
												    th:value="${wfb.cSmallType}"
												  th:text="${wfb.cSmallType}" th:selected="${wfb.isSelected}"></option>
												</optgroup>
												<optgroup label="成套装置">
													<option th:each="ctzz:${ctzz}" 
												    th:value="${ctzz.cSmallType}"
												  th:text="${ctzz.cSmallType}" th:selected="${ctzz.isSelected}"></option>
												</optgroup> 
												<optgroup label="离心泵">
													<option th:each="lxb:${lxb}" 
												    th:value="${lxb.cSmallType}"
												  th:text="${lxb.cSmallType}" th:selected="${lxb.isSelected}"></option>
												</optgroup> 
												<optgroup label="热水循环泵">
													<option th:each="rsxhb:${rsxhb}" 
												    th:value="${rsxhb.cSmallType}"
												  th:text="${rsxhb.cSmallType}" th:selected="${rsxhb.isSelected}"></option>
												</optgroup> 
												<optgroup label="齿轮泵">
													<option th:each="clb:${clb}" 
												    th:value="${clb.cSmallType}"
												  th:text="${clb.cSmallType}" th:selected="${clb.isSelected}"></option>
												</optgroup> 
												<optgroup label="深井泵">
													<option th:each="sjb:${sjb}" 
												    th:value="${sjb.cSmallType}"
												  th:text="${sjb.cSmallType}" th:selected="${sjb.isSelected}"></option>
												</optgroup> 
												<optgroup label="高压水除鳞系统">
													<option th:each="gyclxt:${gyclxt}" 
												    th:value="${gyclxt.cSmallType}"
												  th:text="${gyclxt.cSmallType}" th:selected="${gyclxt.isSelected}"></option>
												</optgroup> 
												<optgroup label="维修泵">
													<option th:each="wxb:${wxb}" 
												    th:value="${wxb.cSmallType}"
												  th:text="${wxb.cSmallType}" th:selected="${wxb.isSelected}"></option>
												</optgroup> 
												<optgroup label="三包">
													<option th:each="sb:${sb}" 
												    th:value="${sb.cSmallType}"
												  th:text="${sb.cSmallType}" th:selected="${sb.isSelected}"></option>
												</optgroup> 
												<optgroup label="补发">
													<option th:each="bf:${bf}" 
												    th:value="${bf.cSmallType}"
												  th:text="${bf.cSmallType}" th:selected="${bf.isSelected}"></option>
												</optgroup> 
												<optgroup label="备件">
													<option th:each="bj:${bj}" 
												    th:value="${bj.cSmallType}"
												  th:text="${bj.cSmallType}" th:selected="${bj.isSelected}"></option>
												</optgroup>
												<optgroup label="未分类">
													<option th:each="wfl:${wfl}" 
												    th:value="${wfl.cSmallType}"
												  th:text="${wfl.cSmallType}" th:selected="${wfl.isSelected}"></option>
												</optgroup>
			                         </select>
								</th>
								<th width="20%">行业
									<select multiple="multiple" class="form-control" id="creditLevel" name="totalSum">
					              			<option th:each="industryInfo:${industryInfos}"
											  th:text="${industryInfo.title}"
											  th:selected="${industryInfo.title.equals(industryInfo1)}"></option>
			                         </select>
								</th>
								
								<th width="20%">单价范围
									<select multiple="multiple" class="form-control" id="chanceCount" name="zican" >
					              			<option  value="100万以下">100万以下</option>
					              			<option  value="100-500万">100-500万</option>
					              			<option  value="500-1000万">500-1000万</option>
					              			<option  value="1000万以上">1000万以上</option>
			                         </select>
								</th>
								
								<!-- <th width="20%">合同号 
									<select multiple="multiple" class="form-control" id="zican" name="zican" >
				              			<option value="☆">☆</option>
									     <option value="☆☆">☆☆</option>
									     <option value="☆☆☆">☆☆☆</option>
									     <option value="☆☆☆☆">☆☆☆☆</option>
									     <option value="☆☆☆☆☆">☆☆☆☆☆</option>
			                         </select>
								</th> -->
							</tr>
						</thead>
						<tbody>
							<table id="dataTable" class="mytable dataTable table-bordered text-center table-striped table-hover" cellspacing="0" width="1590px" align="center">
								<thead>
									<tr>
										<th width="5%">序号</th>
										<!-- <th width="2%"><input type="checkbox" id="checkAllContract"/></th> -->
										 <th width="10%">产品类型</th>
										 <th width="10%">产品细分类型</th>
										<th width="5%">数量</th>
										<th width="5%">行业</th>
										<th width="8%">合同类型</th>
										<th width="12%">合同号</th>
										<!-- <th width="12%">合同名称</th> -->
										<th width="12%">签订日期</th>
									 	<th width="12%">订货单位</th> 
										<th width="8%">单价（元）</th>
										<th width="12%">部门-片区</th>
										<th width="10%">创建时间</th>
									</tr>
								</thead>
								<tbody></tbody>
							</table>
						</tbody>
					</table>
				</div>
				
			</div>
	  </section>  
	     <script th:src="@{/productTotal/productIndex.js}"></script> 
	 </div>
	
</body>
</html>